
<template>
  <div class="header">
    editor
    <MonacoEditor
    theme="dark"
    :options="options"
    language="javascript"
    :width="600"
    :height="800"
    v-model:value="test"
  ></MonacoEditor>
  </div>
</template>
<script setup lang="ts">
import { defineComponent,ref,reactive } from 'vue'
import { useUserStore } from '@/store/modules/user'
import MonacoEditor from 'monaco-editor-vue3'
const options = reactive({
    colorDecorators: true,
    lineHeight: 24,
    tabSize: 2,
  })

let test = ref('123')
</script>
<style lang="scss" scoped>
.editor {
  width: 600px;
  height: 800px;
}
</style>
